<template>
	<view>
		<view style="width: 100vw;padding: 10px;">
			<view style="padding: 10px 10px 0;" v-if="lianxidianhua1" @click="callPhone(lianxidianhua1)">联系电话: {{lianxidianhua1}}</view>
			<view style="padding: 10px 10px 0;" v-if="lianxidianhua2" @click="callPhone(lianxidianhua2)">联系电话: {{lianxidianhua2}}</view>
			<view style="padding: 10px 10px 0;" v-if="lianxiQQ" @click="setClipboardData(lianxiQQ)">联系QQ: {{lianxiQQ}}</view>
		</view>
	</view>
</template>

<script>
	import { mapState } from 'vuex';
export default {
	data() {
		return {
			
		};
	},
	computed: {
		...mapState(['appProperties'])
	},
	onShow() {
		this.lianxidianhua1 =  this.appProperties.lianxidianhua1,
		this.lianxidianhua2 =  this.appProperties.lianxidianhua2,
		this.lianxiQQ = this.appProperties.lianxiQQ
	},
	methods: {
		// 拨打电话
		callPhone(tel) {
			uni.makePhoneCall({
				phoneNumber: tel
			});
		},
		// 负责内容到剪切板
		setClipboardData(data) {
			uni.setClipboardData({
				data: data,
				success: function() {
				}
			});
		}
	}
};
</script>

<style></style>
